.body {
  font-size: 30rpx;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

text {
  font-size: 30rpx;
}

.body .popup {
  margin: 0 44rpx;
  padding: 26rpx;
  color: #7a7a7a;
  border-radius: 12rpx;
  background-color: #fff;
}

.body .feedback {
  text-align: center;
  margin-top: 180rpx;
}

.body .feedback .usefull,
.body .feedback .useless {
  width: 189rpx;
}

.body .head {
  padding: 41rpx 28rpx;
  border-bottom: 16rpx solid #f4f4f4;
}

.body .head .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 33rpx;
}

.body .head .title .title-text {
  font-weight: bold;
  font-size: 50rpx;
}

.body .head .title .city {
  height: 55rpx;
  width: 143rpx;
  border-radius: 10rpx;
  border: 2rpx solid rgba(67, 147, 244, 0.8);
  line-height: 55rpx;
  text-align: center;
  font-weight: bold;
  color: #4393f4;
}

.body .head .title .city .city-icon {
  width: 25rpx;
  margin-right: 16rpx;
}

.body .head .tab-bar {
  overflow-x: scroll;
  font-size: 30rpx;
}

.body .head .tab-bar .bar-item {
  flex: 1;
  margin-right: 33rpx;
  text-align: center;
  white-space: nowrap;
}

.body .head .tab-bar .chouse {
  height: 61rpx;
  padding: 0 18rpx;
  margin-right: 36rpx;
  border-radius: 8rpx;
  line-height: 61rpx;
  font-weight: bold;
  color: #4393f4;
  background-color: #ebf4fb;
  font-size: 32rpx;
}

.body .main-box {
  margin-top: 26rpx;
}

.body .main-box .chouse {
  font-weight: bold;
  color: #4393f4;
}

.body .main-box .tab-bar {
  justify-content: space-around;
  margin-bottom: 27rpx;
  border-bottom: 1rpx solid #dedede;
  font-size: 30rpx;
}

.body .main-box .tab-bar .bar-item {
  padding-bottom: 26rpx;
  color: #666;
  font-size: 30rpx;
}

.body .main-box .tab-bar .chouse {
  color: #4393f4;
  border-bottom: 6rpx solid #4393f4;
  font-size: 32rpx;
}

.body .main-box .guide-list .guide-item {
  margin-left: 32rpx;
  border-bottom: 1rpx solid #dedede;
  padding-bottom: 23rpx;
  margin-bottom: 26rpx;
}

.body .main-box .guide-list .guide-item .guide-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 32rpx;
}

.body .main-box .guide-list .guide-item .guide-title .arrow {
  width: 21rpx;
  margin-right: 34rpx;
}

.body .main-box .guide-list .guide-item .guide-title .rotate {
  transform: rotate(-180deg);
}

.body .main-box .guide-list .guide-item .guide-content {
  padding-right: 28rpx;
  margin-top: 28rpx;
  line-height: 50rpx;
  color: #666;
  word-break: break-all;
}

.body .main-box .guide-list .guide-item .guide-content .show-all {
  padding: 25rpx 0;
  padding-bottom: 0;
  margin-top: 25rpx;
  border-top: 1rpx solid #dedede;
  text-align: center;
}

.body .main-box .guide-list .condition .condition-detail .index,
.body .main-box .guide-list .time-cost .condition-detail .index {
  display: inline-block;
  width: 28rpx;
  height: 28rpx;
  border-radius: 50%;
  line-height: 26rpx;
  text-align: center;
  color: #fff;
  background-color: #666;
}

.body .main-box .guide-list .process .guide-content .tab-bar {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 9rpx 20rpx;
  border-radius: 8rpx;
  border: 1rpx solid #c4c4c4;
  overflow-x: scroll;
  box-sizing: border-box;
}

.body .main-box .guide-list .process .guide-content .tab-bar .bar-item {
  margin-right: 63rpx;
  padding: 0;
  font-size: 30rpx;
}

.body .main-box .guide-list .process .guide-content .tab-bar .bar-item:last-child {
  margin-right: 0;
}

.body .main-box .guide-list .process .guide-content .tab-bar .chouse {
  border: none;
  padding: 0;
  font-size: 32rpx;
}

.body .main-box .guide-list .process .process-list {
  align-items: flex-start;
}

.body .main-box .guide-list .process .process-list .process-item .preview-img {
  display: inline-block;
  margin-bottom: 16rpx;
  color: #4a97f4;
  font-size: 30rpx;
}

.body .main-box .guide-list .local .guide-content .info-list .info-item {
  padding-bottom: 42rpx;
  margin-bottom: 46rpx;
  border-bottom: 2rpx solid #f1f1f1;
}

.body .main-box .guide-list .local .guide-content .info-list .info-item .info-title {
  width: 85%;
  margin-bottom: 8rpx;
  color: #252525;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  font-size: 32rpx;
}

.body .main-box .guide-list .local .guide-content .info-list .info-item .border .info {
  overflow: hidden;
  align-items: flex-start;
}

.body .main-box .guide-list .local .guide-content .info-list .info-item .border .info image {
  width: 20rpx;
  height: 22rpx;
  margin-right: 20rpx;
}

.body .main-box .guide-list .local .guide-content .info-list .info-item .border .info .base {
  width: 100%;
  margin-bottom: 22rpx;
}

.body .main-box .guide-list .local .guide-content .info-list .info-item .border .info .base .distance {
  padding-right: 20rpx;
  margin-right: 22rpx;
  border-right: 2rpx solid #cbcbcb;
  white-space: nowrap;
}

.body .main-box .guide-list .local .guide-content .info-list .info-item .border .info .base .time {
  margin-top: 8rpx;
  white-space: normal;
}

.body .main-box .guide-list .question {
  margin-left: 32rpx;
}

.body .main-box .guide-list .question .guide-content .question-list .question-item .question-border {
  padding-right: 34rpx;
  padding-bottom: 40rpx;
  margin-bottom: 34rpx;
  border-bottom: 1rpx solid #dedede;
}

.body .main-box .guide-list .question .guide-content .question-list .question-item .question-border .question-content {
  padding-left: 16rpx;
  font-size: 28rpx;
}

.body .main-box .guide-list .question .guide-content .question-list .question-item .question-border .title {
  margin-bottom: 21rpx;
  font-weight: bold;
}

.body .main-box .guide-list .question .guide-content .question-list .question-item .question-border .title .question-icon {
  width: 38rpx;
  margin-right: 20rpx;
  margin-left: 8rpx;
}

.body .main-box .guide-list .question .guide-content .question-list .question-item:last-child .question-border {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.body .main-box .guide-list .question .guide-content .show-all {
  padding-bottom: 0;
}

.body .main-box .material-list {
  margin-left: 27rpx;
}

.body .main-box .material-list .material-item {
  justify-content: space-between;
  margin-bottom: 26rpx;
  padding-bottom: 26rpx;
  padding-right: 43rpx;
  border-bottom: 1rpx solid #dedede;
}

.body .main-box .material-list .material-item .title {
  margin-right: 60rpx;
  font-size: 30rpx;
}

.body .main-box .material-list .material-item .detail {
  flex-shrink: 0;
  color: #4393f4;
  font-size: 24rpx;
}

.content-box {
  text-align: left;
  font-size: 30rpx;
  line-height: 50rpx;
}

.feedback-pop {
  background-color: #fff;
}

.control {
  padding: 34rpx 37rpx;
  border-bottom: 6rpx solid #f7f7f7;
  justify-content: space-between;
  align-items: center;
  font-size: 36rpx;
  background-color: #fff;
  border-radius: 20rpx 20rpx 0 0;
}

.control .cancel {
  color: #c0c0c0;
}

 .control .confirm {
  color: #4393f4;
}

.feedback-pop .feedback-content .title {
  padding: 40rpx 36rpx 0 36rpx;
  margin: 0 0 53rpx 0;
  font-weight: bold;
  font-size: 34rpx;
}

.feedback-pop .feedback-content .list {
  padding: 0 45rpx;
}

.feedback-pop .feedback-content .list .item {
  padding-bottom: 36rpx;
  margin-bottom: 36rpx;
  border-bottom: 2rpx solid #f7f7f7;
  align-items: center;
  justify-content: space-between;
}

.feedback-pop .feedback-content .list .item:last-child {
  margin-bottom: 0;
  border: none;
}

.feedback-pop .feedback-content .text-area {
  padding-top: 22rpx;
  padding-left: 61rpx;
  background-color: #fafafa;
}
.textarea{
  font-size: 30rpx;
}
radio .wx-radio-input {
  border: none;
  background-color: #fff !important;
}
radio .wx-radio-input .wx-radio-input-checked {
  border: none;
  color: #4393f4;
  background-color: #fff;
}
wx-radio .wx-radio-input.wx-radio-input-checked:before {
  border: none;
  color: #4393f4;
  font-size: 52rpx;
}
/* .halfScreen{
 padding: 0;
 max-height: 80%;
}
.weui-half-screen-dialog__ft {
  padding: 0;
}
.weui-half-screen-dialog__bd{
  padding-bottom: 0;
} */
.weui-mask {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5)
}